<!DOCTYPE html>
<div class="page-header navbar navbar-fixed-top">
	<!-- BEGIN HEADER INNER -->
	<div class="page-header-inner">
		<!-- BEGIN LOGO -->
		<div class="page-logo">
			<a href="index.html">
				<img src="images/logo_03.png" alt="logo" class="logo-default"/>
			</a>
		</div> 
		<div class='page-top-search col-md-3 col-xs-3'>
			<div class="menu-toggler sidebar-toggler">
				<img src="images/sidebar_toggler_icon_default.png" alt="">
			</div>
			<form class="sidebar-search" action="extra_search.html" method="POST">
				<div class="input-group">
					<input type="text" class="form-control" placeholder="Search...">
					<span class="input-group-btn">
					<a href="javascript:;" class="btn submit"><i class="icon-magnifier"></i></a>
					</span>
				</div>
			</form>
		</div>
		<div class="top-menu">
			<ul class="nav navbar-nav pull-right">
				<li class="dropdown dropdown-extended dropdown-notification">
					<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
					<i class="icon-bell"></i>
					<span class="badge badge-default">
					7 </span>
					</a>
					<ul class="dropdown-menu">
						<li>
							<a href="#">
								<span class="label label-sm label-icon label-success">
									<i class="fa fa-plus"></i>
								</span>New user registered. <span class="time">Just now </span>
							</a>
						</li>
						<li>
							<a href="#">
							<span class="label label-sm label-icon label-danger">
							<i class="fa fa-bolt"></i>
							</span>
							Server #12 overloaded. <span class="time">
							15 mins </span>
							</a>
						</li>
						<li>
							<a href="#">
							<span class="label label-sm label-icon label-warning">
							<i class="fa fa-bell-o"></i>
							</span>
							Server #2 not responding
							</a>
						</li>
						<li>
							<a href="#">
							<span class="label label-sm label-icon label-info">
							<i class="fa fa-bullhorn"></i>
							</span>
							Application error. <span class="time">
							40 mins </span>
							</a>
						</li>
						<li>
							<a href="#">
							<span class="label label-sm label-icon label-info">
							<i class="fa fa-bullhorn"></i>
							</span>
							Application error. <span class="time">
							40 mins </span>
							</a>
						</li>
							
						<!-- <li class="external">
							<a href="#">
							See all notifications <i class="m-icon-swapright"></i>
							</a>
						</li> -->
					</ul>
				</li>
				
				<li class="dropdown dropdown-user">
					<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
						<span class="username">
						Admin </span>
						<i class="icon-user"></i>
						<i class="fa fa-angle-down"></i>
					</a>
					<ul class="dropdown-menu">
						<li>
							<a href="extra_profile.html">
							<i class="icon-user"></i> My Profile </a>
						</li>
						<li>
							<a href="page_calendar.html">
							<i class="icon-calendar"></i> My Calendar </a>
						</li>
						<li>
							<a href="inbox.html">
							<i class="icon-envelope-open"></i> My Inbox <span class="badge badge-danger">
							3 </span>
							</a>
						</li>
						<li>
							<a href="#">
							<i class="icon-rocket"></i> My Tasks <span class="badge badge-success">
							7 </span>
							</a>
						</li>
						<li class="divider">
						</li>
						<li>
							<a href="extra_lock.html">
							<i class="icon-lock"></i> Lock Screen </a>
						</li>
						<li>
							<a href="login.html">
							<i class="icon-key"></i> Log Out </a>
						</li>
					</ul>
				</li>
			</ul>
		</div>
		<!-- END TOP NAVIGATION MENU -->
	</div>
	<!-- END HEADER INNER -->
</div>
<!-- END HEADER -->
<div class="clearfix">
</div>
<!-- BEGIN CONTAINER -->
<div class="page-container">
	<div class="page-sidebar-wrapper">
	 	{% include "menu" %}
	</div>
	<div class="page-content-wrapper">
	</div>

	<!--<a href="javascript:;" class="page-quick-sidebar-toggler"><i class="icon-close"></i></a>
    <div class="page-quick-sidebar-wrapper">
        <div class="page-quick-sidebar">            
           drgfdrgtdrp
        </div>
    </div>-->
</div>
<!-- END CONTAINER -->
<!-- BEGIN FOOTER -->
<div class="page-footer">
	<div class="page-footer-inner">
		 2014 &copy; Metronic by keenthemes.
	</div>
	<div class="page-footer-tools">
		<span class="go-top">
		<i class="fa fa-angle-up"></i>
		</span>
	</div>
</div>
<!-- END FOOTER -->
{% include "base" %}